<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>圣诞树</title>
    <style>
        body {
            background-image: url("/back/2.jpg");
            background-repeat: no-repeat;
            /* background-color: white; */
            /* 此处请大家自行在网上挑选一张喜欢的背景图片即可 */
            background-size: 100vw 100vh;   /* 让背景图自适应浏览器窗口大小 */
            -moz-background-size: 100vw 100vh;
            -webkit-user-select: none;
            -ms-user-select:none;
            -moz-user-select: none;
            user-select: none;
        }

        .shengdanshu {
            z-index: 999;
            width: 45%;
            margin-left: 27%;   
        }
        /* Extra small devices (phones, 600px and down) */
        @media only screen and (max-width: 600px) {
            body {
                background-image: url("/back/3.png");
                background-repeat: no-repeat;
                /* 此处请大家自行在网上挑选一张喜欢的背景图片即可 */
                background-size: cover;
                -webkit-user-select: none;
                -ms-user-select:none;
                -moz-user-select: none;
                user-select: none;
            }

            .shengdanshu {
                z-index: 999;
                width: 100%;
                margin-left: 0;   
            }
        }


        .imgClass{
            z-index: 1000;  
        }
        input {
            width: 80px;
            height: 30px;
            font-weight: bold;
        }
        
        img {
            pointer-events: none
        }
    </style>
    <script src="./index.js"></script>
</head>
<body>
     <!-- 照片圣诞树 -->
     <center class="shengdanshu">
        <img src="./back/shengdanshu.png" width="100%" alt="">
    </center>
    <script type="text/javascript">
        createManySnow()
        timer = setInterval(startFly,30)
    </script>
</body>
</html>
